<template>
    <div class="flex-col h-screen flex">
        <app-header></app-header>
        <router-view class="flex-grow overflow-scroll"></router-view>
    </div>
</template>
<script>
import appHeader from "./appHeader.vue";
export default {
    name: "Main",
    components: { appHeader },
    mounted() {
        window.Preload.appInit();
    },
};
</script>

<style>
@import url("./assets/Noto Serif SC.css");
@import url("./assets/Material Icons.css");
@import url("https://cdn.jsdelivr.net/npm/firacode@5.2.0/distr/fira_code.min.css");
@import url("./assets/element.css");
@import url("https://cdn.jsdelivr.net/gh/KonghaYao/chinese-free-web-font-storage/build/斗鱼追光体/result.min.css");
@import url("./assets/style.css");
.Serif {
    font-family: "Noto Serif SC";
}
.Serif-Bolder {
    font-family: "Noto Serif SC";
    font-weight: bolder;
}
.DOUYU-Font {
    font-family: "DOUYU Font";
}
.Markdown code {
    background-image: linear-gradient(0, #fef3c7, #fef3c7);
    background-position: 0 100%;
    background-size: 100% 50%;
    background-repeat: no-repeat;
    @apply px-1;
}
code {
    font-family: Fira Code !important;
    font-weight: lighter !important;
}
[class^="hljs"] {
    font-weight: lighter !important;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
    background-color: transparent;
}
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #aaa;
}
/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
    background-color: transparent;
}
.Code {
    font-family: Consolas, Noto Serif NC;
}
textarea {
    font-family: Noto Serif SC;
    @apply outline-none w-full;
}
</style>
